<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>投票结果</title>
  <link rel="stylesheet" href="task7-3.css">
</head>

<body>
  <!-- 头部 -->
  <div class="header">
    <div class="home"><img src="./img/home.png" alt="" onclick="window.open('./task7-1.html')"></div>
    <p>游戏结果</p>
    <div class="tips"><img src="./img/tips.png" alt=""></div>
  </div>

  <!-- 游戏胜利部分 -->
  <div class="result">
    <div class="victory"><img src="./img/success.png" alt=""></div>
    <div class="word">
      <h2>太棒了！你知道么？在捉鬼游戏中，只有20%的卧底取得游戏最终的胜利哦！</h2>
    </div>
    <div class="text">
      <span>本次游戏共计用时0小时25分钟</span><br>
      <span>杀&nbsp;&nbsp;手0人&nbsp;&nbsp;&nbsp;&nbsp;警&nbsp;&nbsp;察1人&nbsp;&nbsp;&nbsp;&nbsp;平&nbsp;&nbsp;民6人&nbsp;&nbsp;&nbsp;&nbsp;狙击手0人&nbsp;&nbsp;&nbsp;&nbsp;医&nbsp;&nbsp;生1人</span><br>
      <span>卧底词汇： 爱新觉罗</span><br>
      <span>水民词汇： 努尔哈赤</span>
    </div>
  </div>

  <!-- 游戏过程 -->
  <div class="process">
    <div class="day1">
      <h2>第1天<span>0小时07分</span></h2>
      <p>晚上：5号被杀手杀死，5号是水民</p>
      <p>白天：8号被全民投票投死，8号是杀手</p>
    </div>

    <div class="day1">
      <h2>第2天<span>0小时07分</span></h2>
      <p>晚上：5号被杀手杀死，5号是水民</p>
      <p>白天：8号被全民投票投死，8号是杀手</p>
    </div>

    <div class="day1">
      <h2>第3天<span>0小时07分</span></h2>
      <p>晚上：5号被杀手杀死，5号是水民</p>
      <p>白天：8号被全民投票投死，8号是杀手</p>
    </div>

    <div class="day1">
      <h2>第4天<span>0小时07分</span></h2>
      <p>晚上：5号被杀手杀死，5号是水民</p>
      <p>白天：8号被全民投票投死，8号是杀手</p>
    </div>
  </div>

  <!-- 底部 -->
  <div class="footer-opa">
  </div>
  <div class="footer">
    <button class="left" onclick="window.open('./task7-2.html')">再来一局</button>
    <button class="right">上传并分享</button>
  </div>




</body>

</html>
